<html>
	<head>
		<title>计算器</title>
		<meta charset="utf-8">
	<style>
		#container{
			width:600px;
			margin:20px auto;
			border:3px black solid;
			height:700px;
			}
		#container div{
			width:180px;
			font-size:100px;
			background-color:grey;
			float:left;
			border:2px solid black;
			margin:5px 5px;
			}
		#display{
			font-size:100px;
			width:600px;
			display:block;
			float:left;
			text-align:right;
			}
	</style>
	</head>
	<body>
		<div id="container">
			<input id="display" size="8" value="0"/>
			<div id="d1">1</div>
			<div id="d2">2</div>
			<div id="d3">3</div>
			<div id="d4">4</div>
			<div id="d5">5</div>
			<div id="d6">6</div>
			<div id="d7">7</div>
			<div id="d8">8</div>
			<div id="d9">9</div>
			<div id="d0">0</div>
			<div id="plus">+</div>
			<div id="equal">=</div>

		</div>
	</body>
</html>
